<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>页眉</title>
  </head>

  <body>
    <div class="guding">
      <header>
        <div class="a1">
          <img src="../../assets/images/logo.png" />
          <ul>
            <li class="a1-1">
              <a href="#">登录</a>
            </li>
            <li class="a1-1">
              <a href="#">注册</a>
            </li>
            <li class="a1-2">
              <a href="#">购物车</a>
            </li>
            <li class="a1-2">
              <a href="#">消息</a>
            </li>
            <li class="a1-2">
              <a href="#">添加商品</a>
            </li>
            <li class="a1-3">
              <a href="#">资质证照/协议规则</a>
            </li>
          </ul>
        </div>
      </header>
      <nav>
        <div class="b1"><a href="../../pages/home/home.html">首页</a></div>
        <div class="ob2">
          <div class="b2"><a href="../../pages/shop/shop.html">商店</a></div>
          <div class="b2-1" style="display: none">
            <div class="b2-1-2">
              <div class="b2-1-1">
                <a href="#">家居</a>
                <img src="../../assets/images/jiaju.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">文具</a>
                <img src="../../assets/images/wenju.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">数码</a>
                <img src="../../assets/images/wanle.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">玩乐</a>
                <img src="../../assets/images/wanle.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">餐厨</a>
                <img src="../../assets/images/canchu.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">美食</a>
                <img src="../../assets/images/meishi.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">服装</a>
                <img src="../../assets/images/fuzhuang.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">鞋包</a>
                <img src="../../assets/images/xiebao.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">配饰</a>
                <img src="../../assets/images/peishi.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">美护</a>
                <img src="../../assets/images/meihu.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">出行</a>
                <img src="../../assets/images/chuxing.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">图书</a>
                <img src="../../assets/images/tushu.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">艺术</a>
                <img src="../../assets/images/yishu.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">水具</a>
                <img src="../../assets/images/jiaju.png" />
              </div>
              <div class="b2-1-1">
                <a href="#">运动</a>
                <img src="../../assets/images/yundong.png" />
              </div>
            </div>
            <div class="b2-1-3">
              <img src="../../assets/images/xinshixian.jpg" />
              <p>新视线 2025年7月刊</p>
            </div>
          </div>
        </div>
        <div class="b3"><a href="#">杂志</a></div>
        <div class="b3-1" style="display: none">
          <div class="b3-2">
            <a href="#" class="b3-1-1">趣物</a>
            <a href="#" class="b3-1-1">数码</a>
            <a href="#" class="b3-1-1">汽车</a>
            <a href="#" class="b3-1-1">文化</a>
            <a href="#" class="b3-1-1">时尚</a>
            <a href="#" class="b3-1-1">美食</a>
            <a href="#" class="b3-1-1">建筑</a>
            <a href="#" class="b3-1-1">空间</a>
            <a href="#" class="b3-1-1">圈子</a>
            <a href="#" class="b3-1-1">清单</a>
            <a href="#" class="b3-1-1">活动</a>
            <a href="#" class="b3-1-1">视频</a>
          </div>
        </div>
        <div class="b4"><a href="#">分享</a></div>
        <div class="b4-1" style="display: none">
          <div class="b4-2">
            <a href="#" class="b4-1-1">男士</a>
            <a href="#" class="b4-1-1">家居</a>
            <a href="#" class="b4-1-1">数码</a>
            <a href="#" class="b4-1-1">工具</a>
            <a href="#" class="b4-1-1">玩具</a>
            <a href="#" class="b4-1-1">美容</a>
            <a href="#" class="b4-1-1">孩子</a>
            <a href="#" class="b4-1-1">宠物</a>
            <a href="#" class="b4-1-1">饮食</a>
            <a href="#" class="b4-1-1">运动</a>
            <a href="#" class="b4-1-1">文化</a>
            <a href="#" class="b4-1-1">女士</a>
          </div>
        </div>
        <div class="b5"><a href="#">达人</a></div>
        <div class="b6"><a href="#">有偿资讯</a></div>
        <div class="b7">
          <input type="text" placeholder="search..." />
          <img src="../../assets/images/search.png" />
          <div class="b7-1"></div>
        </div>
      </nav>
    </div>
  </body>
  <!-- <script type="module" src="./header.ts"></script> -->
</html>
